// import { useState,lazy } from 'react'
// import logo from './logo.svg'
import './App.css'
// import {Routes,Route} from 'react-router-dom'
// import Home from './pages/Home'
import { Suspense } from 'react'
import Header from './components/Header'
import Footer from './components/Footer'
// import Order from './pages/Order'
// import Find from './pages/Find'
// import Mine from './pages/Mine'
// import Cities from './pages/Cities'
// 推迟加载，运行，
// 当切换到这个路由后 加载
// import HomeDetail from './pages/HomeDetail'
import RoutesConfig from './routes'


function App() {

  return (
    <div className="App">
      <Header />
      <Suspense fallback={<div>loading...</div>}  >
        <RoutesConfig/>
      </Suspense>
      <Footer />
    </div>
  )
}

export default App
